<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<f:view contentType="text/html">
	<h:head>
		<f:facet name="first">
			<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
			<title>Sistema de Disponibilidad de Ambientes</title>
		</f:facet>
		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/resources/css/docenteEstiloSchedule.css" />
	</h:head>
	<h:body id="cuerpo">
		<p:idleMonitor timeout="530000" >
		 	<p:ajax event="idle" listener="#{loginScheduleController.timeout}" oncomplete="alert('Expiró Sesión de Usuario')"/>
		</p:idleMonitor>
		<pe:layout fullPage="true" id="layoutAll">
			<pe:layoutPane position="north" closable="false" resizable="false"
				style="padding:0">
				<h:panelGrid columns="2" styleClass="fondoEncabezado"
					style="width:100%;">
					<h:form style="text-align:left;">
						<iframe
							src="/sisdiam/resources/encabezados/izquierdoSchedule/izquierdo.html"
							width="250px" height="85px" frameborder="0" scrolling="no"
							allowTransparency="true"> </iframe>
					</h:form>

					<h:form style="text-align:right;">
						<iframe
							src="/sisdiam/resources/encabezados/derechoSchedule/derecho.html"
							width="400px" height="85px" frameborder="0" scrolling="no"
							allowTransparency="true"> </iframe>
					</h:form>
				</h:panelGrid>
			</pe:layoutPane>

			<pe:layoutPane position="west" spacingOpen="0" spacingClosed="0"
				style="width:30px">
				<f:facet name="header"> Opciones </f:facet>
				<h:form>
					<p:growl id="mensajes" sticky="true" />
					<p:panelMenu>
						<p:submenu label="Peticion de Evento" style="font-size:10px">
							<p:menuitem value="Evento en Laboratoio"
								url="peticion_schedule_labo.xhtml" update=":dataForm"
								ajax="false" icon="ui-icon-arrowrefresh-1-w" />
							<p:menuitem value="Evento en Aula"
								url="peticion_schedule_aulas.xhtml" update=":dataForm"
								ajax="false" icon="ui-icon-arrowrefresh-1-w" />
							<p:menuitem value="Evento en Aula Magna"
								url="peticion_schedule_magna.xhtml" update=":dataForm"
								ajax="false" icon="ui-icon-arrowrefresh-1-w" />
						</p:submenu>
					</p:panelMenu>
					<p:panelMenu>
						<p:submenu label="Mis Peticiones" style="font-size:10px">
							<p:menuitem value="Peticiones Laboratorio"
								url="mis_peticiones_labo.xhtml" update=":dataForm" ajax="true"
								icon="ui-icon-arrowrefresh-1-w" />
							<p:menuitem value="Peticiones Aula"
								url="mis_peticiones_aula.xhtml" update=":dataForm" ajax="true"
								icon="ui-icon-arrowrefresh-1-w" />
							<p:menuitem value="Peticiones Magna"
								url="mis_peticiones_magna.xhtml" update=":dataForm" ajax="true"
								icon="ui-icon-arrowrefresh-1-w"/>

						</p:submenu>
						
					</p:panelMenu>
					<p:dialog widgetVar="statusDialog" modal="false" draggable="false"
						closable="true" resizable="false" showHeader="true"
						header="PROCESANDO...">
						<h:panelGrid
							style="text-align:center;margin-left:auto;margin-right:auto"
							columns="1">
							<h:outputText value="CARGANDO DATOS..." />
							<br />
							<p:graphicImage value="/resources/img/progress_bar.gif"
								style="text-align:center;margin-left:auto;margin-right:auto" />
						</h:panelGrid>
					</p:dialog>
				</h:form>
			</pe:layoutPane>

			<pe:layoutPane id="lycCenter" position="center" spacingOpen="0"
				spacingClosed="0">

				<p:toolbar style="color:#FFFFFF;font-size:125%;font-weight: bold">
					<p:toolbarGroup align="left">
						<p:outputLabel
							value="Usuario: #{laboScheduleController.nombreUsuario}" />
					</p:toolbarGroup>
					<p:toolbarGroup align="right">
						<h:outputLabel value="ROL : OPERADOR " />
					</p:toolbarGroup>
				</p:toolbar>
				

				<ui:insert name="content" />
			</pe:layoutPane>
			<pe:layoutPane position="south" closable="false" resizable="false"
				style="padding:0">
				<h:panelGrid columns="2" styleClass="fondoFooter"
					style="width:100%;height:40px">
					<h:form
						style="text-align:left;color:#FFFFFF;margin-left:10px;font-weight: bold">
						<h:outputText value="SISDIAM - Area de Desarrollo de Software" />
					</h:form>

					<h:form style="text-align:right">
						<p:commandLink id="goRol"
							action="#{loginScheduleController.volverRol}">
							<p:graphicImage value="/resources/img/salir5.png"
								style="width:33px;height:33px" />
							<!--<h:outputText value="CERRAR SESION" style="color:#FFFFFF;font-weight: bold; margin-right:4px"/>  -->
						</p:commandLink>
						<p:tooltip for="goRol" value="Volver a Selección de Roles"
							showEffect="clip" hideEffect="explode" />
						<p:commandLink id="endSesion"
							action="#{loginScheduleController.logout}">
							<p:graphicImage value="/resources/img/salir4.png"
								style="width:33px;height:33px" />
						</p:commandLink>
						<p:tooltip for="endSesion" value="Cerrar Sesión" showEffect="clip"
							hideEffect="explode" />
					</h:form>
				</h:panelGrid>
			</pe:layoutPane>
		</pe:layout>
	</h:body>
</f:view>
</html>